﻿<%@ page pageEncoding="UTF-8"%>
<%@include file="/util/tag.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <%@include file="../common/head.jsp"%>
   
        <script language="javascript" type="text/javascript">
            function changeTab(e,ulObj) {                
                var obj = e.srcElement || e.target;
                if (obj.nodeName == "A") {
                    var links = ulObj.getElementsByTagName("a");
                    for (var i = 0; i < links.length; i++) {
                        if (links[i].innerHTML == obj.innerHTML) {
                            links[i].className = "tab_on";
                        }
                        else {
                            links[i].className = "tab_out";
                        }
                    }
                }
            }
        </script>
        
    <body>
        <%@include file="../common/top.jsp"%>
        
        <div id="report_main">
        	<div class="tabs">
    	        <ul>
        	        <li><a href="list" class="tab_out" title="每位客户每月的累计时长">客户使用时长</a></li>
                    <li><a href="client" class="tab_on" title="每台服务器上累计时长最高的前三名客户">时长排行榜</a></li>
                    <li><a href="host" class="tab_out" title="每台服务器每种资费标准的使用次数">资费使用率</a></li>
                </ul>
            </div>            
            <div class="report_box">
                <!--数据区域：用表格展示数据-->
                <div id="report_data">
                    <table id="datalist">
                        <tr>                            
                            <th class="width300">Unix 服务器IP</th>
                            <th>账务帐号</th>
                            <th>客户名称</th>
                            <th class="width200">身份证号码</th>
                            <th class="width150">累积时长</th>
                        </tr>   
                        <s:iterator value="list1">                   
                        <tr>
                            <td>${unixHost}</td>
                            <td>${loginName}</td>
                            <td>${realName}</td>
                            <td>${idcardNo}</td>
                            <td><s:property value="toDuration()"/></td>
                        </tr>
                        </s:iterator>
                    </table>
                   </div>
                <!--分页-->
                <div id="pages">
                    <a href="?page=1">首页</a>
                  <s:if test="page>1">
        	        <a href="?page=${page-1}">上一页</a>
        	        </s:if><s:else><a>上一页</a></s:else>
        	        <s:iterator begin="1" end="pageCount" var="i">
                    <a href="?page=${i}" <s:if test="page==#i">class="current_page"</s:if> >${i}</a>
                 </s:iterator>
                 <s:if test="page<pageCount">
        	        <a href="?page=${page+1}">下一页</a>
        	        </s:if><s:else><a>下一页</a></s:else>
                    <a href="?page=${pageCount}">末页</a>
                </div>

            </div>
        </div>
        
        <%@include file="../common/bottom.jsp"%>
    </body>
</html>
